<template>
  <div class="app">
    <div class="header">
      <TopBar />
    </div>
    <div class="content">
      <div class="mapContainer">
       <HomeView />
      </div>
      <router-view class="routerContainer"/>
    </div>
  </div>
</template>
<script>
import TopBar from './layouts/TopBar/index.vue'
import Footer from './components/ui/Footer.vue';
import HomeView from './views/HomeView.vue'

export default {
  name: 'App',
  components: {
    TopBar,
    Footer,
    HomeView,
    HomeView,
  }
}      
</script>
<style lang="scss">
html{
  overflow:hidden;
  margin-left: -0.4vw;
}
  .app {
  height: 100vh;
  width: 100vw;
  background: url("./assets/images/header/u0_state0.jpg") no-repeat center center;
  background-size: cover;
  }
  .content {
  position: relative;
  // top: -58px;
  /* 根据需要调整这个值 */
}
.mapContainer {
  position:absolute;
  margin-top:20vh;
  height:80vh;
  width:100vw;
  top: -135px;
  background-color: #fff;
}
// .routerContainer {
//   position: absolute;
//   top: -7vh;
// }
</style>
